<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>深圳市递送易国际物流有限公司</title>
    <link rel="icon" href="images/icon.png" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/forgetpassword.css">
</head>

<body>
    <header>
        <div id="header_top_blk">
            <div id="header_top" class="al">
                <!-- logo -->
                <a class="logo" href="Home.html"> </a>
                <span class="phone"></span>
                <span class="telephone">全国统一客服热线：4006-699-256</span>
            </div>
        </div>
    </header>
    <!--  header顶部导航 -->
    <nav>
        <div id="header_blk">
            <div id="header">
                <span>递送易ID</span>
                <!-- memu选项 -->
                <ul id="nav" class="nav-bar">
                    <li class="nav-item">
                        <a href="login.html" class="login">登录</a>
                    </li>
                    <li class="nav-item">
                        <a href="register.html" class="create">创建您的ID</a>
                    </li>
                    <li class="nav-item">
                        <a href="ForgetPassword.html" class="forget">忘记密码?</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="pic">
            <div id="pic_one">
                <span>账户密码找回</span>
            </div>
        </div>
    </nav>
    <main>
        <div id="content" class="clearfix">
            <div class="step_box">
                <ol class="step-wrap clearfix">
                    <li class="step1 gray blue">
                        <span class="right"></span>
                        <span class="number">1</span>
                        <span class="text">输入账户名</span>
                    </li>
                    <li class="step2 gray" id="step2">
                        <span class="left"></span>
                        <span class="right"></span>
                        <span class="number">2</span>
                        <span class="text">验证身份</span>
                    </li>
                    <li class="step3 gray" id="step3">
                        <span class="left"></span>
                        <span class="right"></span>
                        <span class="number">3</span>
                        <span class="text">重置密码</span>
                    </li>
                    <li class="step4 gray" id="step4">
                        <span class="left"></span>
                        <span class="number">4</span>
                        <span class="text">完成</span> </li>
                </ol>
            </div>
            <div class="content_1">
                <div class="input clearfix">
                    <p>手机或邮箱</p>
                    <p>
                        <input class="tel" id="mobile" placeholder="请输入您的手机号或邮箱" type="email">
                    </p>
                    <p style="margin-top: 16px;">验证码</p>
                    <p>

                        <input type="text" id="code_input" class="code_input" value="" placeholder="请输入验证码" />

                    <div id="v_container"></div>


                    </p>
                </div>
                <div class="next_step">
                    <button id="my_button" class="next_button">下一步</button>

                </div>

            </div>
            <div class="content_2" id="content_2" style="display: none;">
                <div class="phone_verify">
                    <input type="radio" name="verify" id="verify_1" checked>
                    <label for="verify_1" class="radio_font">通过手机验证</label>
                    <p>已验证手机 188****5255</p>
                    <div class="verify_code">
                        <p>手机验证码</p>
                        <input type="text" id="code_input2" class="code_input" value="" placeholder="请输入手机短信验证码" />
                        <button class="get_code">获取验证码</button>
                    </div>
                </div>
                <div class="e-mail_verify">
                    <input type="radio" name="verify" id="verify_2">
                    <label for="verify_2" class="radio_font">通过邮箱验证</label>
                    <p>已验证邮箱 978****200@qq.com</p>
                </div>
                <div class="submit_1 submit">
                    <button id="submit_1">提交</button>
                </div>
                <div class="send">
                    <button id="send">发送验证邮件</button>
                </div>
                <div class="send_email">
                    <p>系统已经向您的邮箱<a href="#">978***200@qq.com</a>发送了一封邮件，请您<a href="#">登陆邮箱</a>点击邮箱中
                        的链接完成邮箱验证，如果您超过两分钟未收到邮件，您可以点此<a href="#" id="Resend">重新发送</a></p>
                </div>

            </div>
            <div class="content_3" id="content_3">
                <p>身份验证已通过，请设置新密码。</p>
                <div>
                    <p>设置新密码</p>
                    <input type="password" id="code_input3" class="code_input" value="" placeholder="请输入您的新密码" />
                    <p>确认新密码</p>
                    <input type="password" id="code_input4" class="code_input" value="" placeholder="请再次输入您的密码" />
                </div>
                <div class="submit_2 submit">
                    <button id="submit_2">提交</button>
                </div>
            </div>

            <div class="content_4" id="content_4">

                <img src="images/login/pass.png" alt="">
                <p>恭喜您~密码已重新设置，您可以使用新密码登录了~</p>
                <div class="submit">
                    <a href="login.html"><button>立即登陆</button></a>
                </div>
            </div>
            <div class="sign_in">
                <p>又想起来啦，立即 <a href="login.html"> 登入>> </a> </p>
            </div>
        </div>

    </main>

    <footer>
        <div class="company_infor">
            <p>地址：深圳市龙华区大浪街道联润路石观工业区B栋 邮编：518103 深圳是递送易国际物流有限公司 版权所有 粤ICP备19041号_1</p>
        </div>
    </footer>
</body>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/md5.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/forgetpassword.js"></script>

</html>